<template>
<div class="nav">
  <el-tabs v-model="activeName" @tab-click="handleClick" >
    <el-tab-pane label="热门书籍" name="first">
      <div class="Carousel">
       
         <Carousel></Carousel>
      </div>
     
    </el-tab-pane>
    <el-tab-pane label="红色经典" name="second">红色经典</el-tab-pane>
    <el-tab-pane label="独家记忆" name="third">角色管理</el-tab-pane>
  
  </el-tabs> </div>
</template>
   
<script>
import Carousel from '../../zhuye/Tabs/Carousel'
  export default {
    components:{Carousel},
    data() {
      return {
        activeName: 'first'
      };
    },
    methods: {
      handleClick(tab, event) {
        ;
      }
    }
  };
</script>
<style scoped>
    .nav{
      position:  absolute;
      width: 53%;
      margin: 0 150px;
    }
    .Carousel{
      
      width: 100%;
     height: 300px;
    }
    
</style>